<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    // 创建 websocket 对象
    // 在连接握手之前，会使用 http 发起一个升级请求
    // 当服务端响应确认升级后，后续的通信将使用 websocket 协议
    const ws = new WebSocket('ws://localhost:8080/connect');

    // 连接成功后触发
    ws.onopen = () => {
        console.log("与服务器建立连接");
        // 发送信息
        ws.send('hello world');
    }

    // 接收到服务端发送的消息时触发
    ws.onmessage = (event) => {
        // 获取 even 对象的 data 中服务端发送的消息
        console.log(event.data)
    };

    // 断开连接时触发
    ws.onclose = () => {
        console.log("与服务器断开连接")
    }
</script>
</body>
</html>